Ext.onReady(function() {
    var userLoginPanel = Ext.create('Ext.panel.Panel', {
        bodyCls: 'bgimage',
        border : false,
        border:false,
        defaults:{
            margin:'58 0'
        },
        items:{
            xtype : 'tabpanel',
            id : 'loginTabs',
            activeTab : 0,
            height : 180,
            border : false,
            items:[{
                title : "身份认证",
                xtype : 'form',
                id : 'loginForm',
                border: false,
                defaults : {
                    width : 260,
                    margin: '10 0 0 70'
                },
                // The fields
                defaultType : 'textfield',
                labelWidth : 40,
                items: [{
                    fieldLabel: '用户名',
                    //cls : 'user',
                    name: 'user_no',
                    id: 'user_no',
                    labelAlign:'right',
                    labelWidth:65,
                    maxLength : 30,
                    emptyText:'请在这里填写用户名',
                    maxLengthText : '账号的最大长度为30个字符',
                    blankText:"用户名不能为空，请填写！",//错误提示信息，默认为This field is required!
                    allowBlank: false
                },{
                    fieldLabel: '密   码',
                    //cls : 'key',
                    name: 'user_pwd',
                    id: 'user_pwd',
                    inputType:"password",
                    labelWidth:65,
                    labelAlign:'right',
                    emptyText:'请在这里填写密码',
                    maxLengthText :'密码长度不能超过20',
                    maxLength : 20,
                    blankText:"密码不能为空，请填写！",//错误提示信息，默认为This field is required!
                    allowBlank: false
                }, {
                    id : 'id_reg_panel',
                    xtype : 'panel',
                    border : false,
                    hidden : true,
                    html : "<span id='messageTip' style='color:red'> </span>"
                }]
            }]
        }
    });

    Ext.create('Ext.window.Window', {
        title : '统一身份认证平台@blunla.com',
        width : 440,
        height : 300,
        layout: 'fit',
        plain : true,
        modal : true,
        maximizable : false,
        draggable : false,
        closable : false,
        resizable : false,
        items: userLoginPanel,
        // 重置 和 登录 按钮.
        buttons: [{
            text: '登录',
            iconCls : 'User',
            handler: function() {
                var form = Ext.getCmp("loginForm");
                if(!form.isValid()){
                	return;
                }
                var pwd_md5_key = Utils.md5(Ext.getCmp("user_pwd").getValue());
        		var pwd = Utils.encrypt(pwd_md5_key);
    			AjaxUtils.CallService({
    				url: CONTEXT.contextPath+"/v1/login",
    				params: {
    					"user_no": Ext.getCmp("user_no").getValue(),
    					"user_pwd": pwd
    				},
    				call: function(data){
    					if(data.status == "OK"){
    						window.location.href=CONTEXT.contextPath+"/index";

    					}else{
    						AjaxUtils.showError('登陆失败，请确认用户名或密码是否正确');
    					}
    				}
    			});
            }
        },{
            text: '重置',
            iconCls : 'Wrench',
            handler: function() {
                Ext.Msg.alert('提示', '重置！');
            }
        }]
    }).show();
});